// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

/* eslint-disable no-new */

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
});

/*
const cpn = {
  template: '<div>{{message}}</div>',
  data() {
    return {
      message: '我是组件message'
    }
  }
};

new Vue({
  el: '#app',
  render: function (createElement) {
    // 1. 普通用法：createElement('标签', {标签的属性}, ['内容'])
    // return createElement('h2', {class: 'box'}, ['Hello World', createElement('button', ['按钮'])]);

    // 2. 传入组件对象
    // return createElement(cpn);

    return createElement(App);
  }
});
*/


//         parse                       compile
// template -> ast(abstract syntax tree) -> render -> virtual dom -> 真实dom (runtime compiler)
// render -> virtual dom -> 真实dom (runtime only 性能更高，代码更少)
